@media only screen and (max-width:640px) {
    html {
        background: #f1f1f1;
    }

    body {
        max-width: 640px;
        margin: 0 auto;
        font-size: 15px;
        min-width: 320px;
    }

    .head {
        background: #fff;
    }

    .am-container {
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }

    .am-header .am-header-title {}

    .am-header-default .am-header-nav>a {
        color: #333
    }

    .am-menu-offcanvas1 .am-menu-toggle {
        color: #333
    }

    .am-header .am-header-title img {
        height: 49px;
        margin: 0;
    }

    .bg_main {
        background: #f1f1f1;
    }

    .bg_fff {
        background: #fff;
    }

    .p_main {
        padding: 15px 0;
    }

    .ptop {}

    .content {
        overflow: hidden;
        padding: 0 0 20px;
    }

    .container {
        width: 100%;
    }

    .am-pureview {
        width: 100%;
        left: 0%;
        height: 100%;
        top: 0%;
        z-index: 99999;
    }

    /*head*/
    .head {
        height: 50px;
        overflow: hidden;
        border-bottom: 1px solid #eaeaea;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    /*logo*/
    .logo {
        float: left;
        width: 60%;
        height: 49px;
        padding-left: 15px;
    }

    .logo img {
        height: 49px;
        width: auto;
    }

    /*navmenu*/
    .navmenu {
        background: #fff;
    }

    .active ul {
        display: block !important;
    }

    .navmenu ul {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0px;
        background: #fff;
        z-index: 999;
        display: none;
        overflow-y: scroll;
        overflow-x: hidden;
        left: 0;
        padding: 50px 0;
    }

    .navmenu li a {
        line-height: 49px;
        color: #252525;
        text-align: left;
        text-indent: 1em;
        border-bottom: 1px solid #eaeaea;
        border-right: none;
    }

    .navmenu a:hover,
    .navmenu a.cur {
        color: #076cec;
        background: #fff;
    }

    .navmenu .child {
        margin: auto;
        background: #f1f1f1;
        box-shadow: none;
        position: relative;
        display: block;
    }

    .navmenu .child a {
        font-size: 13px;
        line-height: 49px;
        position: relative;
        border-color: #eaeaea;
        display: block;
        width: 25%;
        float: left;
        background: #f1f1f1;
        text-align: center;
        text-indent: 0;
        color: #656565
    }

    .navicon {
        width: 55px;
        height: 50px;
        position: fixed;
        right: 0px;
        top: 0px;
        cursor: pointer;
        transition-duration: 0.8s;
        -webkit-transition-duration: 0.8s;
        z-index: 99;
        text-align: center;
    }

    .navicon span {
        width: 25px;
        height: 2px;
        background: #076cec;
        position: absolute;
        top: 15px;
        display: block;
        transition-duration: 0.8s;
        -webkit-transition-duration: 0.8s;
        right: 15px;
    }

    .navicon span:nth-child(2) {
        top: 23px;
    }

    .navicon span:nth-child(3) {
        top: 31px;
    }

    .navicon.active span {}

    .navicon.active span:nth-child(2) {
        opacity: 0
    }

    .navicon.active span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        top: 25px;
    }

    .navicon.active span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        top: 25px;
    }

    /*------------Index--------------*/

    /*banner*/
    .banner {
        position: relative;
        margin-top: 50px;
    }

    .banner_img {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
        height: 200px;
    }

    /*title*/
    .title {
        margin: 15px 0 15px;
        text-align: center;
        padding: 0 10px;
    }

    .title h1 {
        font-size: 20px;
        font-weight: bold;
        position: relative;
        background-size: 100%;
    }

    .title span:before {
        content: '';
        height: 6px;
        width: 6px;
        background: #076cec;
        position: absolute;
        left: -15px;
        top: 50%;
        margin-top: -3px;
        border-radius: 50%
    }

    .title span:after {
        content: '';
        height: 6px;
        width: 6px;
        background: #076cec;
        position: absolute;
        right: -15px;
        top: 50%;
        margin-top: -3px;
        border-radius: 50%
    }

    .title p {
        font-size: 12px;
        margin-top: 5px;
    }

    .chose_list {
        overflow: hidden;
        text-align: center;
        border: none;
        padding: 0 12px;
    }

    .chose_list img {
        width: 41px;
        height: 41px;
    }

    .chose_list li {
        padding: 3px;
    }

    .chose_list a {
        display: block;
        position: relative;
        padding: 20px 5px;
        border-top: 0;
        border-left: 0;
        background: #fff;
        box-shadow: none;
        height: 120px;
        border: none;
        background: #f1f1f1;
    }

    .chose_list li:nth-of-type(2n-1) a {
        box-shadow: none;
        transform: translate3d(0, 0px, 0);
    }

    .chose_list h3 {
        margin: 10px 0 10px;
        font-weight: normal;
        font-size: 15px;
    }

    .chose_list p {
        display: none;
    }

    /*casenav*/
    .case_nav {
        overflow: hidden;
        padding: 0 12px;
    }

    .case_nav li {
        padding: 3px;
    }

    .case_nav li a {
        padding: 10px 0
    }

    /*caselist*/
    .case_list {
        overflow: hidden;
        padding: 0 12px;
    }

    .case_list li {
        padding: 3px;
    }

    .case_list .item {
        overflow: hidden;
        border-width: 0
    }

    .case_list .txt {
        position: relative;
    }

    .case_list .txt span {
        position: relative;
        font-size: 12px;
        top: 5px;
        display: block;
        right: 0;
    }

    /*step*/
    .step_list {
        padding: 0 12px
    }

    .step_list_bg {
        overflow: hidden;
        background: #f1f1f1;
    }

    .step_list li {
        padding: 3px;
    }

    .step_list a {
        box-shadow: none;
        padding: 30px 0;
    }

    .step_list img {
        width: 60px;
        height: 60px
    }

    /*design_big*/
    .design_big {
        width: 100%;
        margin: 0 0 15px;
        float: none;
        height: auto;
    }

    .design_big .img {
        overflow: hidden;
        text-align: center;
    }

    .design_big .txt {
        overflow: hidden;
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #2525256e;
        padding: 15px;
        color: #fff;
    }

    .design_big img {
        height: auto;
    }

    /*design_small*/
    .design_small {
        overflow: hidden;
        width: 100%;
        float: none;
        padding-bottom: 5px;
    }

    .design_small li {
        padding: 0 0px;
        /* height: 200px; */
    }

    .design_small img {
        height: auto;
    }

    .title_bline {
        padding: 0 15px;
    }

    /*about*/
    .about {
        height: auto;
        margin: 0px 15px 15px;
    }

    .about_img {
        display: none;
    }

    .about_img img {
        width: 100%;
        height: auto;
    }

    .about_txt {
        overflow: hidden;
        padding: 30px;
        width: 100%;
        float: none;
    }

    .about_txt h3 {
        font-size: 20px;
        position: relative;
        padding-bottom: 15px;
        margin: 0 0 15px;
    }

    .about_txt h3:before {
        content: '';
        height: 2px;
        width: 100%;
        background: #076cec;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .about_txt p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .honor_list li {
        padding: 0 15px;
    }

    .royal_center_bg {
        width: 100%;
        height: auto;
    }

    .customer_fr {
        width: 100%;
        padding: 0 12px;
    }

    .list_image li {
        padding: 3px
    }

    .list_caselist li {
        padding: 0 3px;
    }

    .content {
        padding: 0;
    }

    .news {
        width: 100%;
        float: none;
        padding: 0 15px;
    }

    .cooper_list {
        padding: 0 12px;
    }

    .cooper_list li {
        padding: 3px;
    }

    .royal_link {
        padding: 15px 15px;
    }

    .royal_footer {
        padding: 10px 10px 60px;
    }

    .royal_footer_nav {
        width: 100%;
    }

    .royal_copyright p {
        text-align: center;
    }

    .royal_footer_wechat {
        width: 100%;
        text-align: center;
        margin: 15px 0 0;
    }

    .royal_footer_wechat li img {
        width: 180px;
        height: 180px;
    }

    /*royalmm*/
    .royalmm {
        width: 70%;
        position: fixed;
        right: 0px;
        z-index: 9999;
        bottom: 0;
        left: 0;
        height: 50px
    }

    .royalmm a {
        display: block;
        text-align: center;
        background: #fff;
        padding: 3px 0;
        color: #fff;
        border-bottom: 1px solid #ef6a65;
        color: #252525;
        font-size: 13px;
    }

    .royalmm a [class*=am-icon] {
        line-height: 24px;
        font-size: 18px;
        display: block;
        margin-bottom: 0px;
        color: #252525
    }

    .m_yy {
        bottom: 0;
        right: 0;
        width: 30%;
        background: #f00000;
        color: #fff;
        height: 50px;
        line-height: 50px;
        position: fixed;
        text-align: center;
        z-index: 9999;
    }

    .m_yy a {
        color: #fff
    }

    .postion {
        display: none;
    }

    .am-gotop-fixed {
        right: 0;
        bottom: 60px
    }

    .list_service_bg {
        height: 150px;
        margin-top: 50px;
    }

    .list_service_list li {
        padding: 0;
    }

    .list_service_list img {
        width: 60px;
        height: 60px;
    }

    .list_service_list a {
        padding: 15px 0;
        border: none;
    }

    .list_service_fir .item {
        height: 110px !important;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .list_service_box .fl {
        width: 100%;
        float: none;
        height: auto;
        font-size: 14px;
        padding: 15px;
    }

    .list_service_box {
        margin: 0 15px;
    }

    .list_service_box .fr {
        width: 100%;
        background: #eaeaea;
    }

    .list_service_list {
        padding: 0;
    }

    .banner_n {
        height: 175px;
        margin-top: 50px;
    }

    .banner_n .am-container {
        height: 175px;
    }

    .side_l {
        padding: 15px 0 0;
    }

    .side_l li {
        padding: 3px;
    }

    .list_caselist .info {
        display: none;
    }

    .list_caselist .item:hover .info {
        display: none;
    }

    #index_case {
        padding-bottom: 20px;
    }

    .content_fl {
        width: 100%;
        float: none;
    }

    .am-article {
        padding: 30px 30px 30px;
    }

    .content_fr {
        width: 100%;
        float: none;
        margin: 0;
    }

    .contact_from {
        background: #f1f1f1;
    }

    /*------------------------list_caselist----------------*/
    .team_item {
        padding: 3px !important;
    }

    .team_item .item {
        position: relative;
        overflow: hidden;
    }

    .team_item li {
        padding: 10px;
    }

    .team_item .pic {
        /* float: left; */
        /* width: 40%; */
    }

    .team_item .txt {
        /* padding: 15px; */
        /* width: 60%; */
        /* float: right; */
        /* position: absolute; */
        /* right: 0; */
        /* height: 100%; */
        /* background: #fff; */
        /* color: #252525; */
    }

    .team_item .txt h3 {
        font-size: 18px;
        margin: 0px 0 10px;
        position: relative;
        color: #252525;
        text-align: left;
    }

    .team_item .txt h3:before {
        position: absolute;
        height: 18px;
        width: 4px;
        content: "";
        background: #252525;
        left: -10px;
        top: 50%;
        margin-top: -9px;
    }

    .team_item .btn {}

    .team_item .desc {
        font-size: 12px;
        margin-top: 10px;
        color: #656565
    }

    .design_small .swiper-pagination {
        bottom: 0px !important;
    }

    .art_team {
        width: 100%;
        margin-top: 50px;
    }

    .art_team_fl {
        width: 100%;
        height: auto;
        padding: 15px;
        text-align: center;
        background: #f1f1f1;
    }

    .art_team_fl img {
        width: auto;
        height: auto
    }

    .art_team_fr {
        width: 100%;
    }

    .art_team_fr .am-article {
        padding: 30px;
    }

    .contact_fl {
        width: 100%;
        margin: 15px 0 0;
        padding: 0 15px;
    }

    .l_i_t_r .item {}

    .l_i_t_r .pic {
        width: 100%;
        float: none;
    }

    .l_i_t_r .pic img {}

    .l_i_t_r .txt {
        padding: 12px;
        width: 100%;
        position: relative;
    }

    .l_i_t_r .txt p {
        /* display: none; */
        max-height: 40px;
        overflow: hidden;
        margin: 0;
        font-size: 12px;
    }

    .l_i_t_r .txt h3 a {
        font-size: 15px;
    }

    .l_i_t_r .txt h3 {
        margin-bottom: 10px;
    }

    .l_i_t_r .txt p.time {
        display: block;
        right: 5px;
        bottom: 5px;
        width: 90%;
        color: #656565;
    }

    .slide_i_l {
        margin: 50px 0 15px;
    }

    .slide_i_l .swiper-slide {
        padding: 0 0px;
    }

    .l_i_t_r li {
        margin: 0 0 15px;
        padding: 15px;
    }

    .l_i_t_r_s .txt {
        width: 65%;
        position: absolute;
        right: 0;
        height: 100%;
        padding: 0 0 0 15px;
    }

    .l_i_t_r_s .pic {
        width: 35%;
        float: left;
        margin: 0;
        position: relative;
    }

    .l_i_t_r_s .item {
        padding: 15px 0;
        position: relative;
    }

    .l_i_t_r_s {
        padding: 15px;
    }

    .l_i_t_r_s .pic img {
        height: 100px;
        width: 100%;
    }

    .tit:before {
        left: -15px
    }

    .t_list_s {
        padding: 15px
    }

    .case_tit {
        margin: 10px 0 15px;
    }

    .page_left a {
        padding: 12px 30px;
    }

    .about_info_list {
        overflow: hidden;
        margin: 0px 15px 0;
    }

    .about_info_list .list li {
        padding: 15px 0 0;
    }

    .about_info_list .list li .item {
        background: #fff;
        box-shadow: 2px 10px 10px rgba(0, 0, 0, .02);
        overflow: hidden;
    }

    .about_info_list .list .pic {
        overflow: hidden;
        text-align: center;
        float: left;
        width: 100%;
    }

    .about_info_list .list .pic img {
        width: 100%;
    }

    .about_info_list .list .txt {
        overflow: hidden;
        position: relative;
        padding: 20px;
        width: 100%;
    }

    .about_info_list .list .txt .am-text-truncate {
        white-space: normal;
    }

    .contact_service {
        margin: 15px 0;
    }

    /*adv*/
    .adv .item {
        padding: 30px 0;
    }

    .adv .pic img {
        height: auto;
    }

    .adv .pic {
        padding: 0 0 0 20px;
    }

    .adv .txt {
        padding: 0 10px;
    }

    .adv {
        background: #f1f1f1
    }

    .adv li {
        padding: 15px 15px 0;
    }

    .title_bline .info {
        font-size: 12px;
    }

    .customer_bg {
        background: #fff
    }

    .customer_nav {
        overflow: hidden;
        float: none;
        width: 100%;
        margin-top: 0px;
        background: #fff;
        padding: 0 12px;
    }

    .customer_nav li {
        padding: 0 3px 12px;
    }

    .customer_nav li a {
        padding: 10px 0px;
        font-size: 15px;
        color: #333;
        border-bottom: none;
        background: #f1f1f1;
        text-align: center;
    }

    .customer_nav li p {
        display: none;
    }

    .customer_nav li.am-active a {
        background: #076cec;
        color: #fff;
    }

    .list_image .item {
        background: #f1f1f1
    }

    .news {
        padding: 15px 0 !important;
        background: #fff;
        margin-bottom: 15px;
    }

    .news ul {
        padding: 0 15px !important;
    }

    .am-popup {
        z-index: 999999
    }
}